<template>
<div>
  <div class="block">
    <span class="demonstration">页数较少时的效果</span>
    <el-pagination
      layout="prev, pager, next"
      :total="50">
    </el-pagination>
  </div>
  <br/>
  <br/>
  <div class="block">
    <span class="demonstration">大于 7 页时的效果</span>
    <el-pagination
      layout="prev, pager, next"
      :total="1000">
    </el-pagination>
  </div>
<!---->
  <br/>
  <div>
    <el-pagination
      background
      layout="prev, pager, next"
      :total="1000">
    </el-pagination>
  </div>
  <br/>
  <br/>
  <div>
    <el-pagination
      small
      layout="prev, pager, next"
      :total="50">
    </el-pagination>
  </div>
</div>
</template>

<script>
    export default {
        name: "my-page1"
    }
</script>

<style scoped>

</style>
